<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Fullscreen</title>
    <link rel="stylesheet" href="../../../reset.css"/>
    <link rel="stylesheet" href="../../../font-awesome/css/font-awesome.css"/>
    <link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="fullscreen-style.css"/>
</head>
<body>
<header>
    <nav>
        <ul class="header-flex">
            <li id="example">
                <a href="#">
                    <span class="fa fa-list fa-2x show-small"></span>
                    <span class="hide-small">Menu</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="fa fa-arrow-left fa-lg"></span>previous
                </a>
            </li>
            <li>
                <a href="#">continue<span class="fa fa-arrow-right fa-lg"></span></a>
            </li>
        </ul>
    </nav>

    <main>
        <aside>
            <h2>Heading</h2>
            <nav>
                <ul>
                    <li>
                        <h6>section 1</h6>
                    </li>
                    <li><a href="#">Chapter 1</a></li>
                    <li><a href="#">Chapter 2</a></li>
                    <li><a href="#">Chapter 3</a></li>
                    <li><a href="#">Chapter 4</a></li>
                    <li><a href="#">Chapter 5</a></li>
                    <li><a href="#">Chapter 6</a></li>
                    <li><a href="#">Chapter 7</a></li>
                    <li><a href="#">Chapter 8</a></li>
                    <li><a href="#">Chapter 9</a></li>
                    <li><a href="#">Chapter 10</a></li>
                    <li>
                        <h6>section 2</h6>
                    </li>
                    <li><a href="#">Chapter 1</a></li>
                    <li><a href="#">Chapter 2</a></li>
                    <li><a href="#">Chapter 3</a></li>
                    <li><a href="#">Chapter 4</a></li>
                    <li><a href="#">Chapter 5</a></li>
                    <li><a href="#">Chapter 6</a></li>
                    <li><a href="#">Chapter 7</a></li>
                    <li><a href="#">Chapter 8</a></li>
                    <li><a href="#">Chapter 9</a></li>
                    <li><a href="#">Chapter 10</a></li>
                    <li>
                        <h6>section 3</h6>
                    </li>
                    <li><a href="#">Chapter 1</a></li>
                    <li><a href="#">Chapter 2</a></li>
                    <li><a href="#">Chapter 3</a></li>
                    <li><a href="#">Chapter 4</a></li>
                    <li><a href="#">Chapter 5</a></li>
                    <li><a href="#">Chapter 6</a></li>
                    <li><a href="#">Chapter 7</a></li>
                    <li><a href="#">Chapter 8</a></li>
                    <li><a href="#">Chapter 9</a></li>
                    <li><a href="#">Chapter 10</a></li>
                    <li>
                        <h6>section 4</h6>
                    </li>
                    <li><a href="#">Chapter 1</a></li>
                    <li><a href="#">Chapter 2</a></li>
                    <li><a href="#">Chapter 3</a></li>
                    <li><a href="#">Chapter 4</a></li>
                    <li><a href="#">Chapter 5</a></li>
                    <li><a href="#">Chapter 6</a></li>
                    <li><a href="#">Chapter 7</a></li>
                    <li><a href="#">Chapter 8</a></li>
                    <li><a href="#">Chapter 9</a></li>
                    <li><a href="#">Chapter 10</a></li>
                    <li>
                        <h6>section 5</h6>
                    </li>
                    <li><a href="#">Chapter 1</a></li>
                    <li><a href="#">Chapter 2</a></li>
                    <li><a href="#">Chapter 3</a></li>
                    <li><a href="#">Chapter 4</a></li>
                    <li><a href="#">Chapter 5</a></li>
                    <li><a href="#">Chapter 6</a></li>
                    <li><a href="#">Chapter 7</a></li>
                    <li><a href="#">Chapter 8</a></li>
                    <li><a href="#">Chapter 9</a></li>
                    <li><a href="#">Chapter 10</a></li>
                    <li>
                        <h6>section 6</h6>
                    </li>
                    <li><a href="#">Chapter 1</a></li>
                    <li><a href="#">Chapter 2</a></li>
                    <li><a href="#">Chapter 3</a></li>
                    <li><a href="#">Chapter 4</a></li>
                    <li><a href="#">Chapter 5</a></li>
                    <li><a href="#">Chapter 6</a></li>
                    <li><a href="#">Chapter 7</a></li>
                    <li><a href="#">Chapter 8</a></li>
                    <li><a href="#">Chapter 9</a></li>
                    <li><a href="#">Chapter 10</a></li>
                    <li>
                        <h6>section 7</h6>
                    </li>
                    <li><a href="#">Chapter 1</a></li>
                    <li><a href="#">Chapter 2</a></li>
                    <li><a href="#">Chapter 3</a></li>
                    <li><a href="#">Chapter 4</a></li>
                    <li><a href="#">Chapter 5</a></li>
                    <li><a href="#">Chapter 6</a></li>
                    <li><a href="#">Chapter 7</a></li>
                    <li><a href="#">Chapter 8</a></li>
                    <li><a href="#">Chapter 9</a></li>
                    <li><a href="#">Chapter 10</a></li>
                    <li>
                        <h6>section 8</h6>
                    </li>
                    <li><a href="#">Chapter 1</a></li>
                    <li><a href="#">Chapter 2</a></li>
                    <li><a href="#">Chapter 3</a></li>
                    <li><a href="#">Chapter 4</a></li>
                    <li><a href="#">Chapter 5</a></li>
                    <li><a href="#">Chapter 6</a></li>
                    <li><a href="#">Chapter 7</a></li>
                    <li><a href="#">Chapter 8</a></li>
                    <li><a href="#">Chapter 9</a></li>
                    <li><a href="#">Chapter 10</a></li>
                    <li>
                        <h6>section 9</h6>
                    </li>
                    <li><a href="#">Chapter 1</a></li>
                    <li><a href="#">Chapter 2</a></li>
                    <li><a href="#">Chapter 3</a></li>
                    <li><a href="#">Chapter 4</a></li>
                    <li><a href="#">Chapter 5</a></li>
                    <li><a href="#">Chapter 6</a></li>
                    <li><a href="#">Chapter 7</a></li>
                    <li><a href="#">Chapter 8</a></li>
                    <li><a href="#">Chapter 9</a></li>
                    <li><a href="#">Chapter 10</a></li>
                    <li>
                        <h6>section 10</h6>
                    </li>
                    <li><a href="#">Chapter 1</a></li>
                    <li><a href="#">Chapter 2</a></li>
                    <li><a href="#">Chapter 3</a></li>
                    <li><a href="#">Chapter 4</a></li>
                    <li><a href="#">Chapter 5</a></li>
                    <li><a href="#">Chapter 6</a></li>
                    <li><a href="#">Chapter 7</a></li>
                    <li><a href="#">Chapter 8</a></li>
                    <li><a href="#">Chapter 9</a></li>
                    <li><a href="#">Chapter 10</a></li>
                    <li>
                        <h6>section 11</h6>
                    </li>
                    <li><a href="#">Chapter 1</a></li>
                    <li><a href="#">Chapter 2</a></li>
                    <li><a href="#">Chapter 3</a></li>
                    <li><a href="#">Chapter 4</a></li>
                    <li><a href="#">Chapter 5</a></li>
                    <li><a href="#">Chapter 6</a></li>
                    <li><a href="#">Chapter 7</a></li>
                    <li><a href="#">Chapter 8</a></li>
                    <li><a href="#">Chapter 9</a></li>
                    <li><a href="#">Chapter 10</a></li>
                    <li>
                        <h6>section 12</h6>
                    </li>
                    <li><a href="#">Chapter 1</a></li>
                    <li><a href="#">Chapter 2</a></li>
                    <li><a href="#">Chapter 3</a></li>
                    <li><a href="#">Chapter 4</a></li>
                    <li><a href="#">Chapter 5</a></li>
                    <li><a href="#">Chapter 6</a></li>
                    <li><a href="#">Chapter 7</a></li>
                    <li><a href="#">Chapter 8</a></li>
                    <li><a href="#">Chapter 9</a></li>
                    <li><a href="#">Chapter 10</a></li>
                    <li>
                        <h6>section 13</h6>
                    </li>
                    <li><a href="#">Chapter 1</a></li>
                    <li><a href="#">Chapter 2</a></li>
                    <li><a href="#">Chapter 3</a></li>
                    <li><a href="#">Chapter 4</a></li>
                    <li><a href="#">Chapter 5</a></li>
                    <li><a href="#">Chapter 6</a></li>
                    <li><a href="#">Chapter 7</a></li>
                    <li><a href="#">Chapter 8</a></li>
                    <li><a href="#">Chapter 9</a></li>
                    <li><a href="#">Chapter 10</a></li>
                    <li>
                        <h6>section 14</h6>
                    </li>
                    <li><a href="#">Chapter 1</a></li>
                    <li><a href="#">Chapter 2</a></li>
                    <li><a href="#">Chapter 3</a></li>
                    <li><a href="#">Chapter 4</a></li>
                    <li><a href="#">Chapter 5</a></li>
                    <li><a href="#">Chapter 6</a></li>
                    <li><a href="#">Chapter 7</a></li>
                    <li><a href="#">Chapter 8</a></li>
                    <li><a href="#">Chapter 9</a></li>
                    <li><a href="#">Chapter 10</a></li>
                    <li>
                        <h6>section 15</h6>
                    </li>
                    <li><a href="#">Chapter 1</a></li>
                    <li><a href="#">Chapter 2</a></li>
                    <li><a href="#">Chapter 3</a></li>
                    <li><a href="#">Chapter 4</a></li>
                    <li><a href="#">Chapter 5</a></li>
                    <li><a href="#">Chapter 6</a></li>
                    <li><a href="#">Chapter 7</a></li>
                    <li><a href="#">Chapter 8</a></li>
                    <li><a href="#">Chapter 9</a></li>
                    <li><a href="#">Chapter 10</a></li>
                    <li>
                        <h6>section 16</h6>
                    </li>
                    <li><a href="#">Chapter 1</a></li>
                    <li><a href="#">Chapter 2</a></li>
                    <li><a href="#">Chapter 3</a></li>
                    <li><a href="#">Chapter 4</a></li>
                    <li><a href="#">Chapter 5</a></li>
                    <li><a href="#">Chapter 6</a></li>
                    <li><a href="#">Chapter 7</a></li>
                    <li><a href="#">Chapter 8</a></li>
                    <li><a href="#">Chapter 9</a></li>
                    <li><a href="#">Chapter 10</a></li>
                    <li>
                        <h6>section 17</h6>
                    </li>
                    <li><a href="#">Chapter 1</a></li>
                    <li><a href="#">Chapter 2</a></li>
                    <li><a href="#">Chapter 3</a></li>
                    <li><a href="#">Chapter 4</a></li>
                    <li><a href="#">Chapter 5</a></li>
                    <li><a href="#">Chapter 6</a></li>
                    <li><a href="#">Chapter 7</a></li>
                    <li><a href="#">Chapter 8</a></li>
                    <li><a href="#">Chapter 9</a></li>
                    <li><a href="#">Chapter 10</a></li>
                    <li>
                        <h6>section 18</h6>
                    </li>
                    <li><a href="#">Chapter 1</a></li>
                    <li><a href="#">Chapter 2</a></li>
                    <li><a href="#">Chapter 3</a></li>
                    <li><a href="#">Chapter 4</a></li>
                    <li><a href="#">Chapter 5</a></li>
                    <li><a href="#">Chapter 6</a></li>
                    <li><a href="#">Chapter 7</a></li>
                    <li><a href="#">Chapter 8</a></li>
                    <li><a href="#">Chapter 9</a></li>
                    <li><a href="#">Chapter 10</a></li>
                    <li>
                        <h6>section 19</h6>
                    </li>
                    <li><a href="#">Chapter 1</a></li>
                    <li><a href="#">Chapter 2</a></li>
                    <li><a href="#">Chapter 3</a></li>
                    <li><a href="#">Chapter 4</a></li>
                    <li><a href="#">Chapter 5</a></li>
                    <li><a href="#">Chapter 6</a></li>
                    <li><a href="#">Chapter 7</a></li>
                    <li><a href="#">Chapter 8</a></li>
                    <li><a href="#">Chapter 9</a></li>
                    <li><a href="#">Chapter 10</a></li>
                    <li>
                        <h6>section 20</h6>
                    </li>
                    <li><a href="#">Chapter 1</a></li>
                    <li><a href="#">Chapter 2</a></li>
                    <li><a href="#">Chapter 3</a></li>
                    <li><a href="#">Chapter 4</a></li>
                    <li><a href="#">Chapter 5</a></li>
                    <li><a href="#">Chapter 6</a></li>
                    <li><a href="#">Chapter 7</a></li>
                    <li><a href="#">Chapter 8</a></li>
                    <li><a href="#">Chapter 9</a></li>
                    <li><a href="#">Chapter 10</a></li>
                </ul>
            </nav>
        </aside>
        <article>
            <h1>Intro To The First Site</h1>
            <p>Lets take a quick look at what we'll be building throughout the course and the tools we need to get
                started</p>
            <h3>What We'll be Building</h3>
            <p>Throughout this course we're going to learn HTML and CSS by building out the One Million Lines (make sure
                to click here for the link to where the OML site is now) site. In the process of making the site you will learn everything you need to know about HTML and CSS so that you can create any site you want.</p>
        </article>
    </main>
</header>
</body>
</html>